
.data-analysis {
  width: 100%;
  height: calc(100vh - 50px );
 
  background: url('~@/assets/images/bg.jpg') no-repeat 0 0 / cover;
  color: #fff;
  display: flex;
  padding: 15px;
  // 地图
  .com-left {
    flex: 1;
    height: 100%;
    margin-right:15px ;
    overflow: hidden;
    padding-bottom: 10px;
    .map-box {
      width: 100%;
      height: 98%;
      display: flex;
      .icon-box {
        .icon {
          width: 170px;
         
          display: flex;
          .img {
            width: 65px;
            height: 66px;
            
          }
          .text {
            margin-left: 5px;
            display: flex;
            flex-direction: column;
            .sizi {
              margin-top: 15px;
              margin-bottom: 5px;
              font-size: 14px;
              color:#eee;
            }
            .num {
              font-size: 18px;
            }
          }
    
        }
      }
    // 江苏地图
      .map {
        width: 100%;
       flex: 3;
      }
    }
  
  }
  // 图表
  .com-right {
    flex: 1;
    .heade {
      width: 100%;
      height: calc(50% - 15px);
      margin-bottom: 15px;
      
         display: flex;
        .line {
          flex: 1;
          margin-right: 15px;
         
          .chart-line {
            width: 100%;
            height: 300px;
          }
        }
        .pie {
          flex: 1;
         
          .chart-line {
            width: 100%;
            height: 300px;
          }
        }
    }
    .stati {
      width: 100%;
      height: 50%;
      .chart-line {
        margin-top: 10px;
        width: 100%;
        height: 300px;
      }
    }
  }
}